<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%">
      <!--      使用for循环呢？-->
      <el-table-column label="周日">
        <template #default="scope">
          <example-card :dataList="scope.row"></example-card>
        </template>
      </el-table-column>
      <el-table-column label="周一">
        <template #default="scope">
          <example-card :dataList="scope.row"></example-card>
        </template>
      </el-table-column>
      <el-table-column label="周二">
        <template #default="scope">
          <example-card :dataList="scope.row"></example-card>
        </template>
      </el-table-column>
      <el-table-column label="周三">
        <template #default="scope">
          <example-card :dataList="scope.row"></example-card>
        </template>
      </el-table-column>
      <el-table-column label="周四">
        <template #default="scope">
          <example-card :dataList="scope.row"></example-card>
        </template>
      </el-table-column>
      <el-table-column label="周五">
        <template #default="scope">
          <example-card :dataList="scope.row"></example-card>
        </template>
      </el-table-column>
      <el-table-column label="周六">
        <template #default="scope">
          <example-card :dataList="scope.row"></example-card>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import ExampleCard from '@/views/example/ExampleCard.vue'

export default {
  name: 'ExampleTable',
  components: {
    ExampleCard
  },
  data () {
    return {
      tableData: [{
        7: '2016-05-02',
        1: '王小虎',
        2: '上海市普陀区金沙江路 1518 弄'
      }, {
        7: '2016-05-02',
        1: '王小虎',
        2: '上海市普陀区金沙江路 1518 弄'
      }, {
        7: '2016-05-02',
        1: '王小虎',
        2: '上海市普陀区金沙江路 1518 弄'
      }, {
        7: '2016-05-02',
        1: '王小虎',
        2: '上海市普陀区金沙江路 1518 弄'
      }]
    }
  }
}
</script>

<style scoped>

</style>
